<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
	<title>友好生鲜</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/shop.css">
	<script type="text/javascript" src="js/zepto.js"></script>
</head>
<body>
<!--首页头部-->
<div class="header_body">
	<div class="header_main">
		<div class="header_icon01"><a href="index.jsp"></a></div>
		<div class="header_txt">购物车</div>
		<div class="header_icon02"><a href="#1"></a></div>
	</div>
</div>
<!--购物车内容-->
<div class="shop_body">
	<!--购物车列表-->	
	<div class="shop_main">
		<!--list-->		
		<div class="shoplist">
			<div class="shoplist_input"><input type="checkbox" value="1" id="" name=""></div>
			<div class="shoplist_img"><a href="#1" style=" background-image:url(img/banner.png)"></a></div>
			<div class="shoplist_txt">
				<p>奶油味夏威夷果 奶油口味㊕产干 货干果坚果零食小吃</p>
				<span>¥29.9／500袋</span>
			</div>
			<div class="spinner shop_spinner">
				<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
				<script type="text/javascript" src="js/jquery.spinner.js"></script>
				<script type="text/javascript">
				$(function(){
					$(".spinner").Spinner();
				});
				</script>
			</div>
			<div class="shop_no"><a href="#1" class="sanchu"></a></div>
		</div>
		<!--list-->		
		<div class="shoplist">
			<div class="shoplist_input"><input type="checkbox" value="1" id="" name=""></div>
			<div class="shoplist_img"><a href="#1" style=" background-image:url(img/banner.png)"></a></div>
			<div class="shoplist_txt">
				<p>奶油味夏威夷果 奶油口味㊕产干 货干果坚果零食小吃</p>
				<span>¥29.9／500袋</span>
			</div>
			<div class="spinner shop_spinner">
				<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
				<script type="text/javascript" src="js/jquery.spinner.js"></script>
				<script type="text/javascript">
				$(function(){
					$(".spinner").Spinner();
				});
				</script>
			</div>
			<div class="shop_no"><a href="#1" class="sanchu"></a></div>
		</div>
		<!--list-->		
		<div class="shoplist">
			<div class="shoplist_input"><input type="checkbox" value="1" id="" name=""></div>
			<div class="shoplist_img"><a href="#1" style=" background-image:url(img/banner.png)"></a></div>
			<div class="shoplist_txt">
				<p>奶油味夏威夷果 奶油口味㊕产干 货干果坚果零食小吃</p>
				<span>¥29.9／500袋</span>
			</div>
			<div class="spinner shop_spinner">
				<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
				<script type="text/javascript" src="js/jquery.spinner.js"></script>
				<script type="text/javascript">
				$(function(){
					$(".spinner").Spinner();
				});
				</script>
			</div>
			<div class="shop_no"><a href="#1" class="sanchu"></a></div>
		</div>
		<!--list-->		
		<div class="shoplist">
			<div class="shoplist_input"><input type="checkbox" value="1" id="" name=""></div>
			<div class="shoplist_img"><a href="#1" style=" background-image:url(img/banner.png)"></a></div>
			<div class="shoplist_txt">
				<p>奶油味夏威夷果 奶油口味㊕产干 货干果坚果零食小吃</p>
				<span>¥29.9／500袋</span>
			</div>
			<div class="spinner shop_spinner">
				<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
				<script type="text/javascript" src="js/jquery.spinner.js"></script>
				<script type="text/javascript">
				$(function(){
					$(".spinner").Spinner();
				});
				</script>
			</div>
			<div class="shop_no"><a href="#1" class="sanchu"></a></div>
		</div>
		<!--list-->		
		<div class="shoplist">
			<div class="shoplist_input"><input type="checkbox" value="1" id="" name=""></div>
			<div class="shoplist_img"><a href="#1" style=" background-image:url(img/banner.png)"></a></div>
			<div class="shoplist_txt">
				<p>奶油味夏威夷果 奶油口味㊕产干 货干果坚果零食小吃</p>
				<span>¥29.9／500袋</span>
			</div>
			<div class="spinner shop_spinner">
				<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
				<script type="text/javascript" src="js/jquery.spinner.js"></script>
				<script type="text/javascript">
				$(function(){
					$(".spinner").Spinner();
				});
				</script>
			</div>
			<div class="shop_no"><a href="#1" class="sanchu"></a></div>
		</div>
	</div>
	<!--底部按钮-->	
	<div class="shop_button">
		<div class="shop_button_box1"><span><input type="checkbox" value="1" id="" name=""></span>全选</div>
		<div class="shop_button_box2"><a href="purchase.jsp">去结算</a></div>
		<div class="shop_button_box3"><p>合计：<span>¥162</span></p><span>包含运费</span></div>
	</div>
</div>
<!--删除弹框-->
<div class="book_callslip_tc" style="display:none">
	<div class="book_callslip_tc_main">
		<p>您确定将此商品移除购物车？</p>
		<div class="book_callslip_tc_but">
			<ul>
				<li><a href="" id="a_yes" style="border-right:#f1e7e7 solid 1px">是</a></li>
				<li><a href="" id="a_no">否</a></li>
			</ul>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function(){
		$('.sanchu').click(function(){
			$('.book_callslip_tc').show();
			});
		$('#a_yes').click(function(){
			$('.book_callslip_tc').hide();
			});
		$('#a_no').click(function(){
			$('.book_callslip_tc').hide();
			});
		});
	</script>
</div>
</body>
</html>
